<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" type="text/css" href="../css/index.css" />
    <link rel="stylesheet" type="text/css" href="./css/base-clear.css" />
    <link rel="stylesheet" type="text/css" href="./css/header.css" />
    <link rel="stylesheet" type="text/css" href="./css/footer.css" />
    <link rel="stylesheet" type="text/css" href="./libs/font_3020846_zl6dzazcfzi/iconfont.css" />
</head>

<body>
    <div class="header-container"></div>

    <main>
        <!-- logo~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
        <section class="logo">
            <div class="tb-logo"><a href="#"><img src="../img/logo.JPG"></a></div>
            <div class="search">   
                <form>
                    <!---这里还需要改动-->
                    <select>
                        <option value="">宝贝</option>
                        <option value="">天猫</option> 
                        <option value="">宝贝</option>
                    </select>
                    <input type="text" placeholder="行李箱" class="clearInput sea" >
                    <ul class="search-ul">
                        
                    </ul>
                    <button>搜索</button>
                </form>
                <ul>
                    <li><a href="#">新款连衣裙</a></li>
                    <li><a href="#">四件套</a></li>
                    <li><a href="#">潮流T恤</a></li>
                    <li><a href="#">时尚女鞋</a></li>
                    <li><a href="#">短裤</a></li>
                    <li><a href="#">半身裙</a></li>
                    <li><a href="#">男士外套</a></li>
                    <li><a href="#">墙纸</a></li>
                    <li><a href="#">行车记录仪</a></li>
                    <li><a href="#">新款男鞋</a></li>
                    <li><a href="#">耳机</a></li>
                    <li><a href="#">时尚女包</a></li>
                    <li><a href="#">沙发</a></li>
                </ul>
            </div>
            <div class="right"><a href="#"><img src="/img/logo-erweima.JPG"></a></div>
        </section>
        <!-- banner~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
        <section class='banner'>
            <nav>
                <h4>主题市场</h4>
                <ul>
                    <li><a href="#">女装</a>/<a href="#">内衣</a>/<a href="#">家居</a></li>
                    <li><a href="#">女鞋</a>/<a href="#">男鞋</a>/<a href="#">箱包</a></li>
                    <li><a href="#">母婴</a>/<a href="#">童装</a>/<a href="#">玩具</a></li>
                    <li><a href="#">男装</a>/<a href="#">户外运动</a></li>
                    <li><a href="#">美妆</a>/<a href="#">彩妆</a>/<a href="#">个护</a></li>
                    <li><a href="#">手机</a>/<a href="#">数码</a>/<a href="#">企业</a></li>
                    <li><a href="#">大家电</a>/<a href="#">生活电器</a></li>
                    <li><a href="#">零食</a>/<a href="#">生鲜</a>/<a href="#">茶酒</a></li>
                    <li><a href="#">厨具</a>/<a href="#">收纳</a>/<a href="#">清洁</a></li>
                    <li><a href="#">家访</a>/<a href="#">家饰</a>/<a href="#">鲜花</a></li>
                    <li><a href="#">图书音像</a>/<a href="#">文具</a>/<a href="#"></a></li>
                    <li><a href="#">医药保健</a>/<a href="#">进口</a></li>
                    <li><a href="#">汽车</a>/<a href="#">二手车</a>/<a href="#">用品</a></li>
                    <li><a href="#">房产</a>/<a href="#">装修家具</a>/<a href="#">建材</a></li>
                    <li><a href="#">手表</a>/<a href="#">眼镜</a>/<a href="#">珠宝饰品</a></li>
                </ul>
            </nav>

            <div class="right-main">
                <div class="boss">
                    <ul class="nav-title">
                        <li><a href="#">天猫</a></li>
                        <li><a href="#">聚划算</a></li>
                        <li><a href="http://127.0.0.1:2113/html/onestopshopping.html" class="nav-right-a">天猫超市一站式</a></li>
                    </ul><i>&nbsp;</i>
                    <ul class="nav-act">
                        <li><a href="#">司法拍卖</a></li>
                        <li><a href="#">飞猪旅行</a></li>
                        <li><a href="#">天天特卖</a></li>
                    </ul><i>&nbsp;</i>
                    <ul class="nav-right">
                        <li><a href="#">造点新货</a></li>
                        <li><a href="#">苏宁易购</a></li>
                        <li><a href="#">淘宝心选</a></li>
                        <li><a href="#">智能生活</a></li>
                        <li><a href="#">淘宝直播</a></li>
                    </ul>
                </div>
                <section class="lunbotu">
                    <div class="toplbt">
                        <div class="table"> <button class="topL">&lt;</button><button class="topG">&gt;</button></div>
                        <div class="img-box">
                            <!-- <img src="#">  -->
                        </div>
                        <ul>
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                        </ul>
                    </div>
                    <div class="buttonlbt">
                        <p><b>TMALL天猫 <span>理想生活上天猫</span></b>
                            <b><span class="page-number">1</span>/5</b>
                        </p>
                        <div class="outbox">
                            <div class="boxleft">
                                <!-- <img src="https://aecpm.alicdn.com/simba/img/TB1X6uHLVXXXXcCXVXXSutbFXXX.jpg" alt=""> -->
                            </div>
                            <div class="rightbox">
                                <!-- <img src="https://aecpm.alicdn.com/simba/img/TB13xKuLVXXXXcHapXXSutbFXXX.jpg" alt=""> -->
                            </div>
                            <section class="table"> <button class="button-L">&lt;</button><button class="button-G">&gt;</button></section>
                        </div>
                    </div>
                </section>
                <section class="news">
                    <div class="top">
                        <p><a href="http://127.0.0.1:2113/html/login.html"><img src="/img/login.JPG" alt="">Hi! 你好</a></p>
                        <ul>
                            <li><a href="http://127.0.0.1:2113/html/login.html">登录</a></li>
                            <li><a href="http://127.0.0.1:2113/html/regiest.html">注册</a></li>
                            <li><a href="#">开店</a></li>
                        </ul>
                    </div>
                    <div class="center">
                        <a href="#"><img src="/img/news-banner.JPG"></a>
                    </div>
                    <div class="new">
                        <h3>公告<span>新鲜事儿都在这里~</span></h3>
                        <ol>
                            <dt>规则</dt>
                            <dd><a href="#">奥运知识产权规则解读</a></dd>
                            <dt>热点</dt>
                            <dd><a href="#">关于推进“清朗”账号乱象专项整治的通知</a></dd>
                            <dt>热点</dt>
                            <dd><a href="#">淘宝平台打击流量造假、黑公关、网络水军公告</a></dd>
                            </dt>
                        </ol>
                    </div>
                    <div class="bottom">
                        <ul>
                            <li>
                                <i class="iconfont icon-ai64"></i>
                                <a href="#">收藏的宝贝</a>
                            </li>
                            <li><i class="iconfont icon-gouwudai"></i>
                                <a href="#">买过的店铺</a>
                            </li>

                            <li><i class="iconfont icon-dianpu1"></i>
                                <a href="#">收藏的店铺</a>
                            </li>
                            <li>
                                <i class="iconfont icon-zuji"></i>
                                <a href="#">我的足迹</a>
                            </li>
                        </ul>
                    </div>

                </section>

            </div>

        </section>
        <!-- 好货推荐mask~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
        <section class="mask">
            <h4 class="h4-css">有好货<b>全民口碑</b></h4>
            <ul class="KBul">
             </ul>
        </section>
        <!-- 商品内容goods~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
        <section class="goods">
            <h4 class="h4-css">猜你喜欢<b>个性推荐</b></h4> 
            <ul class="goods-data">
                
            </ul>
        </section>
<section class="prom">
    <ul>
        <p>消费者保障</p>
        <li><a href="#">保障范围</a></li><li> 
            <a href="#">退货退款系统</a></li><li> 
            <a href="#">服务中心</a></li><li> 
            <a href="#">更多特色服务</a></li><li> 
        </li>
    </ul>
    <ul>
        <p>新手上路</p>
        <li><a href="#">新手专区</a></li><li> 
            <a href="#">消费警示</a></li><li> 
            <a href="#">交易安全</a></li><li> 
            <a href="#">24小时在线帮助</a></li><li> 
            <a href="#">免费开店</a></li><li> 
        </li>
    </ul>
    <ul>
        <p>付款方式</p>
        <li><a href="#">快捷支付</a></li><li> 
            <a href="#">信用卡</a></li><li> 
            <a href="#">余额宝</a></li><li> 
            <a href="#">蚂蚁花呗</a></li><li> 
            <a href="#">货到付款</a></li><li> 
        </li>
    </ul>
    <ul>
        <p>淘宝特色</p>
        <li><a href="#">手机淘宝</a></li><li> 
            <a href="#">旺旺/旺信</a></li><li> 
            <a href="#">大众评审</a></li><li> 
        </li>
    </ul>
</section>
<section class="mini-cart"><a href="http://127.0.0.1:2113/html/shoppingCart.html">
    结算<span class="span-red">GO</span></a>
</section>
    </main>
    <div class="footer-container"></div>
    <script src="../libs/jquery.min.js"></script>
    <!-- <script src="../libs/require.js"></script> -->
    <script>
        $('.header-container').load('/html/header.html')
        $('.footer-container').load('/html/footer.html')
    </script>

    <script src="./js/ajax.js"></script>
<!-- goods数据渲染 ````````````````````````````````````````````-->
    <script src="./js/index.js"></script>
<!-- 轮播图 ````````````````````````````````````````````-->
    <script src="./js/LBT-data.js"></script>
<!-- 搜索框 ``````````````````````````````````````````````````-->
    <script src="./js/search.js"></script>



</body>

</html>